<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
<h:head>
    <title>Test bearbeiten</title>
    <f:metadata>
        <f:event listener="#{loginBean.verifyUseLogin}" type="preRenderView">
        </f:event>
    </f:metadata>
</h:head>
<h:body>
    <ui:composition template="menutemp.xhtml">
        <h:form id="data">
            <p:growl id="messages" showDetail="true" />
            <p:toolbar>
                <p:toolbarGroup align="left">
                    <p:menuButton value="Neu" icon="ui-icon-document">
                        <p:menuitem id="neuSicht" value="Neue Sichtkontrolle" icon="ui-icon-document"
                            actionListener="#{loginBean.newSicht}" />
                        <p:menuitem id="neuMas" value="Neue Maßkontrolle" icon="ui-icon-document"
                            actionListener="#{loginBean.newMas}" />
                        <p:menuitem id="neuGewicht" value="Neue gewichtete Seite" icon="ui-icon-document"
                            actionListener="#{loginBean.newGewichtet}" />
                        <p:menuitem id="neuGespraech" value="Neues Gespräch" icon="ui-icon-document"
                            actionListener="#{loginBean.newGespraech}" />
                    </p:menuButton>
                    <p:commandButton value="Bearbeiten" update="data" icon="ui-icon-search"
                        actionListener="#{loginBean.bearbeiteSelectedSeite}" />
                    <p:menuButton value="Löschen" icon="ui-icon-trash">
                        <p:menuitem id="deleteSelected" value="Ausgewählte"
                            actionListener="#{loginBean.deleteSeitenSelected}" icon="ui-icon-trash" update="data" />
                        <p:menuitem id="deleteAll" value="Alle" actionListener="#{loginBean.deleteSeitenAll}"
                            icon="ui-icon-trash" update="data" />
                    </p:menuButton>
                </p:toolbarGroup>
            </p:toolbar>
            <h:panelGrid columns="2" columnClasses="column" cellpadding="5">
                <h:outputText value="Name: " />
                <p:inplace id="nameInplace" editor="true">
                    <p:inputText value="#{loginBean.selectedTest.name}" required="true" label="text" />
                </p:inplace>
            </h:panelGrid>
            <p:contextMenu for="dataTable" widgetVar="cMenu">
                <p:menuitem value="Edit Cell" icon="ui-icon-search" onclick="seitenTable.showCellEditor;return false;" />
                <p:menuitem value="Bearbeiten" update="data" icon="ui-icon-search"
                    actionListener="#{loginBean.bearbeiteSelectedSeite}" />
                <p:menuitem value="Löschen" update="data" icon="ui-icon-trash"
                    actionListener="#{loginBean.deleteSeitenSelected}" />
                <p:menuitem value="Hide Menu" icon="ui-icon-close" onclick="cMenu.hide()" />
            </p:contextMenu>
            <p:dataTable id="dataTable" var="seite" value="#{loginBean.seiten}" rowKey="#{seite.id}" sortBy="#{seite.id}"
                selection="#{loginBean.selectedSeiten}" selectionMode="multiple" editable="true" widgetVar="seitenTable">
                <f:facet name="header">  
                    Seiten
                </f:facet>
                <p:ajax event="rowEdit" listener="#{loginBean.onEdit}" update=":data:messages" />
                <p:ajax event="rowEditCancel" listener="#{loginBean.onCancel}" update=":data:messages" />
                <p:column sortBy="#{seite.id}" headerText="Seite">
                    <p:cellEditor>
                        <f:facet name="output">
                            <h:outputText value="#{seite.id}" />
                        </f:facet>
                        <f:facet name="input">
                            <p:inputText value="#{seite.id}" style="width:100%" label="Id" />
                        </f:facet>
                    </p:cellEditor>
                </p:column>
                <p:column sortBy="#{seite.name}" headerText="Name">
                    <p:cellEditor>
                        <f:facet name="output">
                            <h:outputText value="#{seite.name}" />
                        </f:facet>
                        <f:facet name="input">
                            <p:inputText value="#{seite.name}" style="width:100%" label="Name" />
                        </f:facet>
                    </p:cellEditor>
                </p:column>
                <p:column sortBy="#{seite.typ}">
                    <f:facet name="header">
                        <h:outputText value="Typ" />
                    </f:facet>
                    <h:outputText value="#{seite.typ}" />
                </p:column>
                <p:column sortBy="#{seite.punkteschluessel}" headerText="Punkteschluessel">
                    <p:cellEditor>
                        <f:facet name="output">
                            <h:outputText value="#{seite.punkteschluessel}" />
                        </f:facet>
                        <f:facet name="input">
                            <p:inputText value="#{seite.punkteschluessel}" style="width:100%" label="Punkteschluessel" />
                        </f:facet>
                    </p:cellEditor>
                </p:column>
                <p:column style="width:6%">
                    <p:rowEditor />
                </p:column>
            </p:dataTable>
            <p:commandButton value="Speichern" icon="ui-icon-document" actionListener="#{loginBean.speichereAufgabe}"
                update="data" />
            <p:commandButton value="Zurück" icon="ui-icon-trash" actionListener="#{loginBean.verwerfeAufgabe}"
                update="data" />
            <p:commandButton value="Debug Aufgabe" icon="ui-icon-document" actionListener="#{loginBean.debugAufgabe}"
                update="data" />
        </h:form>
    </ui:composition>
</h:body>
</html>